<template>
  <!-- class="app-container" -->
  <div>
    <mt-header fixed :title="title">
      <router-link v-if="left" slot="left" to="">
        <mt-button icon="back" @click.native="$router.back()">
          返回
        </mt-button>
      </router-link>
      <router-link v-if="right" slot="right" :to="right.to || ''">
        <mt-button :class="right.icon || 'el-icon-setting'" />
      </router-link>
    </mt-header>
  </div>
</template>

<script>
export default {
  name: 'Header',
  components: {},
  directives: {},
  filters: {},
  props: {
    title: { type: String, default: '.' },
    left: { type: Boolean, default: true },
    right: {
      type: Object,
      default: () => {
        return undefined
      }
    }
  },

  data() {
    return {}
  },
  computed: {},
  async created() {
    //
  },

  methods: {}
}
</script>

<style type="text/css"></style>
